<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>font</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<style type="text/css">
</style>
</head>
<body>
    <br/>
    --网页字体通常分为5类--
    <div style="font-family: sans-serif;">你好 hello world  &nbsp;&nbsp; sans-serif(无衬线) </div>
    <div style="font-family: serif;">你好 hello world &nbsp;&nbsp;  serif(衬线) </div>
    <div style="font-family: monospace;">你好 hello world  &nbsp;&nbsp; monospace(等宽) </div>
    <div style="font-family: fantasy;">你好 hello world  &nbsp;&nbsp;&nbsp;&nbsp; fantasy(梦幻) </div>    
    <div style="font-family: cuisive;">你好 hello world  &nbsp;&nbsp; cuisive(草体) </div>
    <br/>
    --无衬线类--
    <div style="font-family: Helvetica, sans-serif;">你好 hello world  &nbsp;&nbsp; Helvetica </div>
    <div style="font-family: Arial, sans-serif;">你好 hello world &nbsp;&nbsp;  Arial </div>
    <div style="font-family: 'Lucida Grande', sans-serif;">你好 hello world  &nbsp;&nbsp; Lucida Grande </div>
    <div style="font-family: Verdana,sans-serif;">你好 hello world  &nbsp;&nbsp; Verdana </div>    
    <div style="font-family: Tahoma, sans-serif;">你好 hello world  &nbsp;&nbsp; Tahoma </div>
    <div style="font-family: 'Trebuchet MS', sans-serif;">你好 hello world  &nbsp;&nbsp; Trebuchet MS </div>

    <br/>
    --衬线类--
    <div style="font-family: Georgia, serif;">你好 hello world &nbsp;&nbsp;  Georgia </div>
    <div style="font-family: Times, serif;">你好 hello world  &nbsp;&nbsp; Times </div>
    <br/>
    --中文字体--
    <div style="font-family: 宋体">你好 hello world  &nbsp;&nbsp; 宋体 </div>
    <div style="font-family: 微软雅黑">你好 hello world  &nbsp;&nbsp; 微软雅黑 </div>
    <div style="font-family: Microsoft YaHei">你好 hello world  &nbsp;&nbsp; Microsoft YaHei </div>
    <div style="font-family: 华文细黑">你好 hello world  &nbsp;&nbsp; 华文细黑 </div>
    <div style="font-family: 黑体">你好 hello world  &nbsp;&nbsp; 黑体 </div>
    --个性--
    <div style="font: 14px 'comic sans ms'">你好 hello world</div>
    <div style="font-family: comic sans ms">你好 hello world</div>
    <div>
        微软官网字体： 'Microsoft YaHei UI','Microsoft YaHei','SimSun','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif!important
        苹果： "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif 
        淘宝： tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif
    </div>
</body>
</html>